<template>
  <el-tabs class="tabs" v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="登录" name="login">
      <user-login></user-login>
    </el-tab-pane>

    <el-tab-pane label="注册" name="register">
      <user-register></user-register>
    </el-tab-pane>
  </el-tabs>
</template>
<script>
import UserLogin from "./UserLogin";
import UserRegister from "./UserRegister";


export default {

  components: {
    UserLogin,
    UserRegister
  },

  data() {
    return {
      activeName: 'login'
    };
  },
  methods: {
    handleClick(tab, event) {

    }
  }
};
</script>

<style>
.tabs {
  width: 33%;
  min-height: 230px;
  margin: auto;
}
</style>
